<template>
	<div class="OrderList" :style="{'background-color':showBlak?'rgba(0,0,0,0.5)':'rgba(0,0,0,0)'}">
		<!--  -->
		<main >
			<div class="null">
				<div class="content">
					<img src="../../../assets/img/icon_empty.e49e1953.png" >
					<p>这里什么也没有</p>
					<p>继续去探索未知的新世界吧</p>
				</div>
			</div>
			<div class="main">
				<ul>
					<li>
						订单信息
					</li>
				</ul>
			</div>
		</main>
	</div>
</template>


<script>
export default{
	name:'OrderList',
	props:['showBlak'],
}
</script>

<style scoped>
.OrderList{
	position: absolute;
	width: 100%;
	height: 100%;
}
.OrderList main{
	position: relative;
	padding-top: 2rem;
	width: 100%;
	height: auto;
}
.OrderList .null{
	/* display: none; */
	position: absolute;
	left: 0;
	padding-top: 2rem;
	z-index: -999;
}
.OrderList .null .content{
	width: 60%;
	margin: 1rem auto 0;
	text-align: center;
}
.OrderList .null .content img{
	width: 80%;
}
.OrderList .null .content p{
	color: #5D5D5D;
	text-align: center;
	font-size: 0.38rem;
	line-height: 0.6rem;
}
.OrderList .main{
	display: none;
}
</style>
